﻿<%@ Page Language="VB" AutoEventWireup="false" CodeFile="index.aspx.vb" Inherits="Arwani.index"  %>

<%@ Register Src="../header.ascx" TagName="header" TagPrefix="uc1" %>
<%@ Register Src="../Footer.ascx" TagName="Footer" TagPrefix="uc2" %>
<%@ Register Src="../CopyRight.ascx" TagName="CopyRight" TagPrefix="uc3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Raffle</title>
    <link href="../css/style.css" rel="stylesheet" type="text/css" />
    <style type="text/css"> 
    /* Scroller Box */
    #scroller_container1 {
	height:345px;
	overflow: hidden;
        top: -27px;
        left: 0px;
    }
/* CSS Hack Safari */
   
#scroller_container1 {
	overflow: auto;
        width: 646px;
        margin-top: 0px;
    }
  
/* Scoller Box */
</style>
    <script type="text/javascript" language="javascript" src="../js/jquery.min.js"></script>
    <style>
       #div_section_3 label
        {
            color: #000 !important;
            font: 13px "Trebuchet MS" ,Arial,Helvetica,sans-serif;
        }
        a.send-btn
        {
            background: none repeat scroll 0 0 #646464;
            border-radius: 3px 3px 3px 3px;
            float: left;
            font-weight: bold;
            padding: 5px 10px;
        }
        .promo-form
        {
            float: left !important;
        }
        .promo-form input
        {
            background: none repeat scroll 0 0 #FFFFFF !important;
            border: 1px solid #CCCCCC !important;
            color: #000000 !important;
            padding: 5px !important;
        }
    </style>
    <script type="text/javascript">

        function Expirealert() {
            alert('Raffel Is Expired.');
        }
         function adminalert() {
             alert('Please contact Administrator to Add Raffel.');
        }

        
    </script>

<script type="text/javascript" src="../js/coin-slider.min.js"></script>
<script type="text/javascript" language="javascript" src="../js/jscroller.js"></script>
<script type="text/javascript" language="javascript" src="../js/jquery.jshowoff.min.js"></script>
<script type="text/javascript" src="../kb-plugin/js/jquery.js"></script>

<script type="text/javascript" src="../kb-plugin/js/jquery.easing.js"></script>
<script type="text/javascript" src="../kb-plugin/js/jquery.themepunch.kenburn.min.js"></script>
<link type="text/css" rel="stylesheet" href="../css/style2.css">

</head>
<body >

    <form id="form1" runat="server">
    <div id="main">
           <uc1:header ID="header1" runat="server" />

        <div id="content">
            <div>
                <img src="../images/spacer.gif" width="1" height="7" alt="spacer" /></div>
            
              <div class="mainslider">
        <div class="col_1">
          <div align="center"> <img src="../images/new_logo.png" width="213" height="230" alt="trading company in dubai" /></div>
          <div> <img src="../images/spacer.gif" width="1" height="35" alt="power tools in dubai" /></div>
          <div class="b_descr">
            <h3> WELCOME</h3>
            <p> Welcome to Arwani Trading, your source of consumables, tools, equipment, and machinery in the UAE.
 
We hope you find our website interactive and easy to use, and we look forward to receiving your feedback.</p>
          </div>
        </div>
        <div class="col_2 banner">
          <div class="bannercontainer centerme dark" style="width:577px; height:395px; overflow:hidden">
            <ul>
            <%=BannerHTML %>

            </ul>
          </div>
          <script type="text/javascript">
              $(document).ready(function () {
                  $.noConflict();
                  jQuery('.bannercontainer').kenburn({
                      thumbWidth: 50,
                      thumbHeight: 50,
                      thumbAmount: 7,
                      thumbStyle: "both",
                      thumbVideoIcon: "off",
                      thumbVertical: "bottom",
                      thumbHorizontal: "center",
                      thumbXOffset: 0,
                      thumbYOffset: 40,
                      bulletXOffset: 0,
                      bulletYOffset: -16,
                      hideThumbs: "on",
                      touchenabled: 'on',
                      pauseOnRollOverThumbs: 'off',
                      pauseOnRollOverMain: 'on',
                      preloadedSlides: 2,
                      timer: 7,
                      debug: "off",
                      ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                      //												 Google Fonts !!											 //
                      // local GoogleFont JS from your server: http://www.yourdomain.com/kb-plugin/js/jquery.googlefonts.js		 //
                      // GoogleFonts from Original Source: http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js or https:... // 
                      //			PT+Sans+Narrow:400,700																			//
                      /////////////////////////////////////////////////////////////////////////////////////////////////////////////
                      googleFonts: 'Oswald',
                      googleFontJS: '../kb-plugin/js/jquery.googlefonts.js'
                  });
                  jQuery('.tnone').click(function () {
                      jQuery('.tbull').removeClass('selected');
                      jQuery('.tthumb').removeClass('selected');
                      jQuery('.tnone').addClass('selected');
                      jQuery('.tauto').removeClass('selected');
                      jQuery('.kenburn_thumb_container').css({
                          'visibility': 'hidden'
                      });
                      jQuery('.thumbbuttons').css({
                          'visibility': 'hidden'
                      });
                  });
                  jQuery('.tthumb').click(function () {
                      jQuery('.tbull').removeClass('selected');
                      jQuery('.tauto').removeClass('selected');
                      jQuery('.tthumb').addClass('selected');
                      jQuery('.tnone').removeClass('selected');
                      jQuery('.kenburn_thumb_container').css({
                          'visibility': 'visible'
                      });
                      jQuery('.thumbbuttons').css({
                          'visibility': 'hidden'
                      });
                      jQuery('body').addClass('tp_showthumbsalways');
                      jQuery('.kenburn_thumb_container').animate({
                          'opacity': 1
                      }, {
                          duration: 300,
                          queue: false
                      });
                  });
                  jQuery('.tauto').click(function () {
                      jQuery('.tauto').addClass('selected');
                      jQuery('.tthumb').removeClass('selected');
                      jQuery('.tnone').removeClass('selected');
                      jQuery('.tbull').removeClass('selected');
                      jQuery('body').removeClass('tp_showthumbsalways');
                      jQuery('.kenburn_thumb_container').css({
                          'visibility': 'visible'
                      });
                      jQuery('.thumbbuttons').css({
                          'visibility': 'hidden'
                      });
                      setTimeout(function () {
                          jQuery('.kenburn_thumb_container').animate({
                              'opacity': 0
                          }, {
                              duration: 300,
                              queue: false
                          });
                      }, 100);
                  });
                  jQuery('.tbull').click(function () {
                      jQuery('.tbull').addClass('selected');
                      jQuery('.tauto').removeClass('selected');
                      jQuery('.tthumb').removeClass('selected');
                      jQuery('.tnone').removeClass('selected');
                      jQuery('.kenburn_thumb_container').css({
                          'visibility': 'hidden'
                      });
                      jQuery('.thumbbuttons').css({
                          'visibility': 'visible'
                      });
                  });
                  jQuery('body').addClass('tp_showthumbsalways');
                  jQuery('.tthumb').click();
              });

</script> 
          <!--<div id="div_slider">
            <div id='coin-slider'> <%=BannerHTML %> </div>
          </div>--> 
        </div>
        <div class="clear"> </div>
      </div>
            
            <div class="mainslider" style="background: none repeat scroll 0 0 #FFFFFF!important;">
                <div class="col_1" style="width: 100%">
                 <h3>
                                    Raffle</h3>
                
                  <table width="100%" border="0">
                        <tr>
                            <td style="width: 52%;">
                               <asp:Label ID="lblHeader" runat="server"></asp:Label>
                            </td>
                            <td style="width: 48%;">

                                 <table width="100%" border="0" id="tblRfl" runat="server">
                                <tr>
                                <td style="width:25%;">
                                 <label style="color: #000000 !important;font: 13px "Trebuchet MS",Arial,Helvetica,sans-serif;">
                                    Contact Name
                                   
                                </label>
                                </td>
                                <td>
                                  <asp:TextBox ID="txtContactNameRaffle" runat="server" type="text" class="input" ValidationGroup="a" Width="150px"/>
                                   <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Please enter Contact Name"
                                        ControlToValidate="txtContactNameRaffle" ValidationGroup="a" Display="Dynamic"
                                        ForeColor="Red"></asp:RequiredFieldValidator>
                                </td>
                                </tr>
                                  <tr><td style="line-height:1px;">&nbsp;</td></tr>
                                <tr>
                                <td>
                                 <label style="color: #000000 !important;font: 13px "Trebuchet MS",Arial,Helvetica,sans-serif;">
                                    Company Name</label>
                                </td>
                                <td>
                                 <asp:TextBox ID="txtCompanyNameRaffle" runat="server" type="text" class="input" ValidationGroup="a" Width="150px"/>
                                </td>
                                </tr>
                                  <tr><td style="line-height:1px;">&nbsp;</td></tr>
                                <tr>
                                <td>
                                   <label style="color: #000000 !important;font: 13px "Trebuchet MS",Arial,Helvetica,sans-serif;">
                                    Office phone no.</label>
                                </td>
                                <td>
                                <asp:TextBox ID="txtOfficeNumberRaffle" runat="server" type="text" class="input"
                                    ValidationGroup="a" Width="150px"/>
                                     <asp:RegularExpressionValidator runat="server" ValidationGroup="a" Display="Dynamic" id="RegularExpressionValidator1" controltovalidate="txtOfficeNumberRaffle" ForeColor="Red" validationexpression="^[0-9]+$" errormessage="Please enter only number" />
                                </td>
                                </tr>
                                  <tr><td style="line-height:1px;">&nbsp;</td></tr>
                                <tr>
                                <td>
                                  <label style="color: #000000 !important;font: 13px "Trebuchet MS",Arial,Helvetica,sans-serif;">
                                    Mobile phone no.</label>
                                </td>
                                <td>
                                <asp:TextBox ID="txtMobileNumberRaffle" runat="server" type="text" class="input"
                                    ValidationGroup="a" Width="150px"/>
                                    <asp:RegularExpressionValidator runat="server" ValidationGroup="a" Display="Dynamic" id="RegularExpressionValidator3" controltovalidate="txtMobileNumberRaffle" ForeColor="Red" validationexpression="^[0-9]+$" errormessage="Please enter only number" />
                                </td>
                                </tr>
                                  <tr><td style="line-height:1px;">&nbsp;</td></tr>
                                <tr>
                                <td>
                                  <label style="color: #000000 !important;font: 13px "Trebuchet MS",Arial,Helvetica,sans-serif;">
                                    E-mail
                                   
                                </label>
                                </td>
                                <td>
                                 <asp:TextBox ID="txtEmailRaffle" runat="server" type="text" class="input" Width="150px"/>
                                 <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="Please enter email"
                                        ControlToValidate="txtEmailRaffle" ValidationGroup="a" Display="Dynamic" ForeColor="Red"></asp:RequiredFieldValidator>
                                    <asp:RegularExpressionValidator ValidationGroup="a" ID="RegularExpressionValidator2"
                                        runat="server" ControlToValidate="txtEmailRaffle" Display="Dynamic" ErrorMessage="Invalid Email Format"
                                        ForeColor="Red" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                                </td>
                                </tr>
                                  <tr><td style="line-height:1px;">&nbsp;</td></tr>
                                <tr>
                                <td>
                                </td>
                                <td>
                                 <span class="btncss" align="center">
                                    <asp:LinkButton CssClass="send-btn" ValidationGroup="a" ID="btnSendRaffle" runat="server"
                                        Text="Send"></asp:LinkButton>
                                   
                                </span>
                                </td>
                                </tr>

                                </table>

                                <table width="100%" border="0" id="tblExpired" runat="server">
                                <tr>
                                <td style="width:140px;">
                                  &nbsp;
                                </td>
                                <td style="color:Black;">
                                <h1>Raffel is Expired.</h1> 
                                </td>
                                </tr>
                                </table>

                                  <asp:Label ID="lblSuccessmsg" runat="server" Text="" ForeColor="Red"></asp:Label>
                    <div class="container" style='background-color: #fff;<%  If (sent = True or already = True) Then
        
                            Response.Write("Display:block;")
                        Else
       
                            Response.Write("Display:none;")
        
                        End If
    %>' id="divRaffal"  >
                      
                     
                        <%  If (sent = True) Then
        
                                Response.Write("<div style='color:green;'>Thank You, Please check your email for the Raffel Code</div>")
                                Response.Write("<script>setTimeout(function() {window.location.href = 'http://www.arwani.ae';}, 3000);</script>")
        
                            End If
    %>
    <%  If (already = True ) Then
        
            Response.Write("<div style='color:Red;'>Sorry, but you are already signed up for this raffle.</div>")
                              
        
                        End If
    %>

                        <p>
                       
                        </p>
                        <br />
                       
                    </div>
                            </td>

                            </tr>
                            </table>
                     
                    <div class="b_descr">
                     
                       
                       
                      
                       <div class="container" style="background-color: #fff;" id="div_section_3">
                         <div class="contarae">
                            <div class="col_2  formcss promo-form ">
                               
                                <div >
    
                                    <label id="Label1" class="input" visible="false" runat="server">
                                    </label>
                                </div>

                           

                               
                               
                            </div>
                            <div class="col_1" style="float: right;">
                                <label id="Label2" class="input" visible="false" runat="server">
                                </label>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                       
                     
                    

                       
                        </div>

                       
                       
                    </div>
                </div>
               <%-- <div class="col_2" style="width: 450px!important">
                    <img src="../images/raffel-banner.jpg" alt="Banner" id="imgBanner" style="cursor: pointer"  />
                   
                </div>--%>
                <div class="clear">
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
         <div id="footer">
        <uc2:Footer ID="Footer1" runat="server" />
      </div>
        <uc3:CopyRight ID="CopyRight1" runat="server" />
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#imgBanner').click(function () {
                $('#divRaffal').show();
            });
        });
 
    
    </script>

    </form>

    <script type="text/javascript" language="javascript">
       
        $(document).ready(function () {
            $('#div_slider').coinslider({ effect: '', opacity: 0.7, links: false, delay: 2200, navigation: true, opacity: 0.7, width: 577, height: 395, hoverPause: false });
            $('#div_coin_slider').jshowoff({
                links: false,
                controls: false,
                effect: 'fade',
                cssClass: 'basicFeatures',
                hoverPause: true,
                speed: 850
            });
        });
    </script>
	<script type="text/javascript">

	    var _gaq = _gaq || [];
	    _gaq.push(['_setAccount', 'UA-38443887-1']);
	    _gaq.push(['_trackPageview']);

	    (function () {
	        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	    })();

</script>
</body>
</html>
